/* CSS del Header */

#rep-mail-bar {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99;
   height: 25px;
   font-size: 11px;
   width: 100%;
   z-index: 999;
}
   #rep-mail-bar .padder {
      position: relative;
      padding: 0;
      width: 100%;
      margin: 0 auto;
      background: rgb(91,74,70); /* El fondo */
      background: rgba(0, 0, 0, 0.4);
      height: 25px;
   }
      body#repmail-default #rep-mail-bar .padder {
         min-width: 960px;
         max-width: 1250px;
      }

      body#repmail-default.activity-permalink #rep-mail-bar .padder {
         min-width: 960px;
         max-width: 960px;
      }

#rep-mail-bar * { z-index: 999; }

#rep-mail-bar div#rep-mail-bar-logo {
   position: absolute; /* Hace "flotante" la bendita barra */
   top: 5px;
   left: 10px;
}

#rep-mail-bar a img {
   border: none;
}

#rep-mail-bar li {
   list-style: none;
   margin: 0;
   padding: 0;
   line-height: 100%;
   text-align: left;
}

#rep-mail-bar li a {
   padding: 7px 13px 7px 13px;
   color: #eee;
   text-decoration: none;
   font-size: 11px;
}
   #rep-mail-bar li.alt { border: none; }

   #rep-mail-bar li.no-arrow a {
      padding-right: 15px;
   }

   #rep-mail-bar ul li ul li a span {
      display: none;
   }

#rep-mail-bar li:hover, #rep-mail-bar li.hover {
   position: static;
}

#rep-mail-bar-logo {
   float: left;
   font-weight: bold;
   font-size: 11px;
   padding: 5px 8px;
   margin: 0;
   text-decoration: none;
   color: #fff;
}
   body#repmail-default #rep-mail-bar-logo { padding: 2px 8px; }

/*******************/

#rep-mail-bar ul { /* Todas las listas */
   margin: 0;
   list-style: none;
   line-height: 1;
   cursor: pointer;
   height: auto;
   padding: 0;
}

#rep-mail-bar ul li { /* Todos los objetos de las listas */
   padding: 0;
   float: left;
   position: relative;
   background: url(http://i68.servimg.com/u/f68/15/78/66/50/admin-10.gif) 88% 53% no-repeat;
   padding-right: 9px;
}

#rep-mail-bar ul li.no-arrow {
      background: none;
      padding-right: 0;
}

#rep-mail-bar ul li ul li {
      padding: 0;
      float: left;
      position: relative;
      background: url(http://i78.servimg.com/u/f78/15/78/66/50/admin10.gif) 95% 53% no-repeat;
      padding-right: 11px;
}

#rep-mail-bar ul li ul li.no-arrow {
      background: none;
      padding-right: 11px;
}

#rep-mail-bar ul li.align-right {
   position: absolute;
   right: 0;
}

#rep-mail-bar ul li a {
   display: block;
}

#rep-mail-bar ul.main-nav li:hover, #rep-mail-bar ul.main-nav li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
   background-color: #333;
}

/* Listas de segundo nivel */

#rep-mail-bar ul li ul {
   position: absolute;
   width: 185px;
   left: -999em;
   margin-left: 0;
   background: #333;
   border: 1px solid #222;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius-topleft: 0;
   -webkit-border-top-left-radius: 0;
   -moz-border-radius-topright: 0;
   -webkit-border-top-right-radius: 0;
}
   #rep-mail-bar ul li > ul {
      border-top: none;
   }

   #rep-mail-bar ul li ul a {
      color: #eee;
   }

#rep-mail-bar ul li ul li {
   float: left;
   width: 174px;
   margin: 0;
}
   #rep-mail-bar ul li ul li:hover a {
      color: #fff;
   }

#rep-mail-bar ul li div.repmail-bar-clear {
   clear: both;
}

#rep-mail-bar ul.main-nav li ul li:hover, #rep-mail-bar ul.main-nav li ul li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
   background-color: #222;
}

/* Listas de tercer y mayor nivel */

#rep-mail-bar ul li ul ul {
   margin: -25px 0 0 184px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
   #rep-mail-bar ul li ul li:hover ul li a {
      color: #eee;
   }
      #rep-mail-bar ul li ul li ul li:hover a {
         color: #fff;
      }

#rep-mail-bar ul li:hover ul, #rep-mail-bar ul li ul li:hover ul, #rep-mail-bar ul li.sfhover ul, #rep-mail-bar ul li ul li.sfhover ul  {
   left: auto;
}

#rep-mail-bar ul li.align-right:hover ul {
   right: 0;
}

#rep-mail-bar ul li:hover ul ul, #rep-mail-bar li.sfhover ul li ul {
   left: -999em;
}

#rep-mail-bar ul li.search {
   background: none repeat scroll 0 0 transparent;
   margin-right: 110px;
   margin-top: 4px;
   position: absolute;
   right: 0;
}

/* Rep Mail Items */

#rep-mail-bar-search {
   background: none repeat scroll 0 0 #FAFAFA;
   border: 1px solid #666666;
   color: #666666;
   font-family: Arial,Helvetica,Sans-Serif;
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   padding: 0;
   cursor:text;
}

#rep-mail-bar ul li.search:hover {
   background-color: transparent;
}

#rep-mail-bar a.rss  {
   float:right;
   margin:6px 8px 0px 0px;
   color:#B4BFC0;
   padding:1px 0px 4px 16px;
   background: url(http://i68.servimg.com/u/f68/15/78/66/50/rss110.png) no-repeat top left;
   font-weight:bold;
}

#rep-mail-bar a:hover.rss {
   color:#fff;
}

#rep-mail-bar a.twit {
   float:right;
   margin:6px 8px 0px 0px;
   color:#B4BFC0;
   padding:1px 0px 4px 16px;
   background: url(http://i68.servimg.com/u/f68/15/78/66/50/twitte10.png) no-repeat top left;
   font-weight:bold;
}
#rep-mail-bar a:hover.twit {
   color:#fff;
}#id_content {
	position: fixed;
	height: 700px;
	width: 500px;
	padding-top: 50px;
	padding-right: 500px;
	padding-bottom: 20px;
	padding-left: 50px;
	margin: 50px;
	color: #000;
	border: medium none #333;
}
